<div class="tpl-portlet-components" xmlns:th="http://www.thymeleaf.org"
>
    <div class="portlet-title">
        <div class="caption font-green bold">电影图文列表
        </div>
        <div class="tpl-portlet-input tpl-fz-ml">
            <div class="portlet-input input-small input-inline">
                <div class="input-icon right">
                    <i class="am-icon-search"></i>
                    <input type="text" class="form-control form-control-solid" placeholder="搜索..."></div>
            </div>
        </div>


    </div>
    <div class="tpl-block">
        <div class="am-g">
            <div class="am-u-sm-12 am-u-md-6">
                <div class="am-btn-toolbar">
                    <div class="am-btn-group am-btn-group-xs">
                        <button type="button" class="am-btn am-btn-default am-btn-success"
                                th:onclick="'loadMainBody(\'movie/form/save/0\')'">
                            <span class="am-icon-plus"></span> 新增
                        </button>
                        <button type="button" class="am-btn am-btn-default am-btn-secondary"><span
                                class="am-icon-save"></span> 保存
                        </button>
                        <button type="button" class="am-btn am-btn-default am-btn-warning"><span
                                class="am-icon-archive"></span> 审核
                        </button>
                        <button type="button" class="am-btn am-btn-default am-btn-danger"><span
                                class="am-icon-trash-o"></span> 删除
                        </button>
                    </div>
                </div>
            </div>

            <div class="am-u-sm-12 am-u-md-3">
                <div class="am-input-group am-input-group-sm">
                    <input type="text" class="am-form-field">
                    <span class="am-input-group-btn">
            <button class="am-btn  am-btn-default am-btn-success tpl-am-btn-success am-icon-search"
                    type="button"></button>
          </span>
                </div>
            </div>
        </div>
        <div class="am-g">
            <div class="tpl-table-images">
                <div class="am-u-sm-12 am-u-md-6 am-u-lg-4" th:each="movie:${movieList}">
                    <div class="tpl-table-images-content">
                        <div class="tpl-table-images-content-i-time" th:text="${movie.name}"></div>
                        <div class="tpl-i-title">
                            <span class="movie-content-span" th:utext="${movie.type.typeName}"></span>
                        </div>
                        <a href="javascript:;" class="tpl-table-images-content-i">

                            <span class="tpl-table-images-content-i-shadow"
                                  th:onclick="'loadMainBody(\'movie/form/save/'+${movie.id}+'\')'"></span>
                            <img width="300px" height="300px" th:src="'/movie/image/'+${movie.imageFileName}" alt="">
                        </a>
                        <div class="tpl-table-images-content-block">
                            <div class="tpl-i-font">
                                <span th:utext="${movie.description}"></span>
                            </div>
                            <div class="am-btn-toolbar">
                                <div class="am-btn-group am-btn-group-xs tpl-edit-content-btn">
                                    <button type="button" class="am-btn am-btn-default am-btn-success"
                                            th:onclick="'loadMainBody(\'movie/add-movie\')'">
                                        <span class="am-icon-plus"></span> 新增
                                    </button>
                                    <button type="button" class="am-btn am-btn-default am-btn-secondary"
                                            th:onclick="'loadMainBody(\'movie/form/save/'+${movie.id}+'\')'">
                                        <span class="am-icon-edit"></span> 编辑
                                    </button>
                                    <button type="button" class="am-btn am-btn-default am-btn-warning"><span
                                            class="am-icon-archive"></span> 审核
                                    </button>
                                    <button type="button" class="am-btn am-btn-default am-btn-danger"
                                            th:onclick="'deleteObj(\'movie/delete/'+${movie.id}+'\',\'/admin/movie/list/image\')'">
                                        <span class="am-icon-trash-o"></span> 删除
                                    </button>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="am-u-lg-12">
                    <div class="am-cf">

                        <div class="am-fr">
                            <ul class="am-pagination tpl-pagination">
                                <li>
                                    <a th:onclick="'loadMainBody(\'/admin/movie/list/image?page=0&size=12\')'">«</a>
                                </li>
                                <!--<li class="am-active">
                                    <a onclick="loadMainBody('/movie/image-list?page=0&size=10')">1</a>
                                </li>-->
                                <li th:each="i : ${#numbers.sequence(1,totalPage,1)}" th:id="'page'+${i}">
                                    <a th:text="${i}"
                                       th:onclick="'loadMainBody(\'/admin/movie/list/image?page='+${i-1}+'&size=12\')'"
                                    ></a>
                                </li>
                                <li></li>
                                <li>
                                    <a th:onclick="'loadMainBody(\'/admin/movie/list/image?page='+${totalPage-1}+'&size=12\')'">»</a>
                                </li>
                            </ul>
                            <script th:inline="javascript" type="text/javascript">
                                var id = [[${currentPage+1}]];
                                $("#page" + id).attr("class", "am-active");
                            </script>
                        </div>
                    </div>
                    <hr>
                </div>

            </div>

        </div>
    </div>
    <div class="tpl-alert"></div>
</div>

